<template>
  <view class="content">
    <view class="models">
      <text>表白墙</text>
      <span class="iconfont icon-shouye_huaban1"></span>
    </view>
    <view class="models" @click="goItemLoss">
      <text>失物招领</text>
      <span class="iconfont icon-shouye_huaban1"></span>
    </view>
    <view class="models">
      <text>成绩查询</text>
      <span class="iconfont icon-shouye_huaban1"></span>
    </view>
    <view class="models">
      <text>表白墙</text>
      <span class="iconfont icon-shouye_huaban1"></span>
    </view>
    <view class="models">
      <text>其他</text>
      <span class="iconfont icon-shouye_huaban1"></span>
    </view>

  </view>
</template>
<script>
export default {
  data() {
    return {
      title: "Hello",
    };
  },
  onLoad() {},
  methods: {
    goItemLoss() {
      uni.navigateTo({
        url: "/pages/itemLoss/index",
      });
    },
  },
};
</script>
<style>
.content {
  display: flex;
  flex-wrap: wrap;
  width: 700rpx;
  margin: 100rpx 20rpx;
  height: 400px; /* 盒子的高度 */
  border: 2rpx solid #f00;
  border-radius: 3%;
}
.models {
  width: 190rpx;
  height: 200rpx;
  margin: 15rpx 20rpx;
  background-color: aqua;
  border: 2rpx solid #f00;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
</style>
